Navigation

Favorite Holidays

Thanksgiving
Christmas
Easter
Halloween

SAMPLE CODE

<Style>
  
	<Style>
  
	body {
	width:100%;
	font-family:                         georgia, "times New roman", Times. serif;
	font-size:                                                                1em;
	background-color:                                                       white;
	color:                                                                  black;
	
	}
	
	nav{
	 background-color:                                                     silver;
	 margin:                                                   10px 10px 0px 10px;
	}
	
	nav ul  {
	 margin:                                                                  0px;
	 list-style-type:                                                        none; 
	 padding:                                                     5px 0px 5px 0px; 
	 }
	 
	 nav ul li {
	 /* List items will not have a carriage return before and after, they will all flow into on eline on the page */
	 display:                                                              inline;
	 padding:                                                   5px 10px 5px 10px; 
	 }
	 
	 nav ul li a:link, nav ul li a:visited{
	 color:                                                                  blue;
	 border-bottom:                                                          none; 
	 font-weight:                                                            bold;
	 }
	 
	 nav ul li.selected{
	 background-color:                                                        red;
	 }
	
</style>

<h3>Navigation</h3>

<nav>	
  <ul>
	 <li class="selected"><A HREF="../../index.html"                 title="Home">Home      </A> </li>
	 <li><A HREF="../RayHome.html"                  title="Ray" >Ray       </A> </li>
	 <li><A HREF="../../Diane/DianeHome.html"       title="Diane">Diane    </A> </li>
	 <li><A HREF="../../Nick/NickHome.html"         title="Nick">Nick      </A> </li>
	 <li><A HREF="../../Juliana/JulianaHome.html"   title="Juliana">Juliana</A> </li>
	</ul>
</nav>
	
 
<br><br>

<h3>Favorite Holidays</h3>

<ul>
	 <li>Thanksgiving</li>
	 <li>Christmas</li>
	 <li>Easter</li>
	 <li>Halloween</li>
	 
	 
	</ul>